<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Author" contect="http://www.webqin.net">
    <title>德蒙斯特线上商城</title>
    <link rel="shortcut icon" href="/images/favicon.ico" />
    
    <!-- Bootstrap -->

    <link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}" href="/static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link th:href="@{/css/style.css}" href="/static/css/style.css" rel="stylesheet">
    <link th:href="@{/css/prolist.css}" href="/static/css/prolist.css" rel="stylesheet">
    <link href="/css/response.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

  </head>
  <body>
    <div class="maincont">
     <header>
      <a href="javascript:history.back(-1)" class="back-off fl"><span class="glyphicon glyphicon-menu-left"></span></a>
      <div class="head-mid prosearch">
       <input id="searchWord" class="prosearch" type="text" placeholder="羽绒，裤子" />
      </div>
      <a href="javascript:;" id="beginSearch" class="list_search"><span class="glyphicon glyphicon-search"></span></a>

     </header>
     <ul class="pro-select">
      <li class="pro-selCur"><a href="javascript:;">热卖</a></li>
      <li><a name="searchType" href="javascript:;">羽绒服</a></li>
      <li><a name="searchType" href="javascript:;">上衣</a></li>
      <li><a name="searchType" href="javascript:;">裤子</a></li>
      <li><a name="searchType" href="javascript:;">外套</a></li>
      <li><a name="searchType" href="javascript:;">针织衫</a></li>
      <li><a href="javascript:;">全部分类</a></li>
     </ul><!--pro-select/-->
     <div id="listDIV" class="prolist">


      <dl th:each="item , itemStatus:${products}">
       <dt><a th:href="'/product/productDetail/'+${item.productId}" href="#"><img th:src="'http://file.demengsite.cn/'+${item.productImag}" src="/images/prolist1.jpg" width="100" height="100" /></a></dt>
       <dd>
        <h3><a th:href="'/product/productDetail/'+${item.productId}" th:text="${item.productName}" href="#">四叶草</a></h3>
        <div class="prolist-price"><strong th:text="'￥ '+${item.salePrice}">¥299</strong> </div>
       </dd>
       <div class="clearfix"></div>
      </dl>


     </div><!--prolist/-->
     <div class="height1"></div>
     <div th:include="indexMacro::index_bottom" class="footNav"></div>

    </div><!--maincont-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="/js/style.js"></script>
    <!--焦点轮换-->
    <script src="/js/jquery.excoloSlider.js"></script>
    <script th:src="@{/js/prolist.js}" src="/static/js/prolist.js"></script>
    <script>
		$(function () {
		 $("#sliderA").excoloSlider();
		});
	</script>
  </body>
</html>